import React from 'react'
import { Row, Col,Card,Button } from 'antd';
import { StarOutlined, StarFilled, StarTwoTone } from '@ant-design/icons';
import "./index.less";
const chartList = [
    {
      type: "总访客数",
      icon: "user",
      num: 102400,
      color: "#40c9c6",
      icons:'StarOutlined'
    },
    {
      type: "留言数",
      icon: "message",
      num: 81212,
      color: "#36a3f7",
      icons:'StarOutlined'
    }
  ];
const PanelGroup=(props)=>{
    return (
        <div className='panel-container'>
            <Row>
                {chartList.map((item,index)=>(
                    <Col span={12} key={index} className="card-panel-col" style={{ padding:'20px'}}>
                        <Card bordered={false} style={{ }}>
                            <div className='card-panel'>
                                <div className='card-icon'>
                                    <StarOutlined style={{fontSize:55,color:item.color}} />
                                </div>
                                <div className='card-desc'>
                                    <StarOutlined style={{fontSize:55,color:item.color}} />
                                </div>
                            </div>
                        </Card>
                    </Col>
                ))}
            </Row>
        </div>
    )
}
export default PanelGroup